<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>合作店铺</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/script.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jQuery.textSlider.js" /></script>
</head>
</head>
<body>
<div id="box">
 <div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><a href="more.html"><span class="glyphicon glyphicon-menu-left"></span></a></h1>
   <p class="title">合作店铺</p>
  </header>
 </div><!--navbar-fixed-top-->
 <div class="coopHead">
  <form action="#" method="post">
   <input type="text" class="seek" placeholder="搜索店铺" />
  </form>
 </div><!--coopHead-->
 <div class="coopCon">
  <div class="screening">
   <ul class="current">
    <li class="Regional"><span>附近</span></li>
    <li class="Sort"><span>排序</span></li>
    <li class="Brand"><span>筛选</span></li>
   </ul>
  </div><!--screening-->
  <!--附近-->
  <div class="grade-eject">
   <ul class="grade-w" id="gradew">
    <li onclick="grade1(this)">默认</li>
    <li onclick="grade1(this)">500米</li>
    <li onclick="grade1(this)">1000米</li>
    <li onclick="grade1(this)">2000米</li>
    <li onclick="grade1(this)">5000米</li>
   </ul>
  </div>
  <!-- 排序-->
  <div class="Sort-eject Sort-height">
   <ul class="Sort-Sort" id="Sort-Sort">
    <li onclick="Sorts(this)">智能排序</li>
    <li onclick="Sorts(this)">销量最高</li>
    <li onclick="Sorts(this)">离我最近</li>
   </ul>
  </div>
  <!--筛选-->
  <div class="Category-eject">
   <ul class="Category-w" id="Categorytw">
    <li onclick="Categorytw(this)">全部</li>
    <li onclick="Categorytw(this)">中餐厅</li>
    <li onclick="Categorytw(this)">西餐厅</li>
    <li onclick="Categorytw(this)">快餐</li>
    <li onclick="Categorytw(this)">甜点饮品</li>
	<li onclick="Categorytw(this)">烧烤</li>
    <li onclick="Categorytw(this)">咖啡厅</li>
    <li onclick="Categorytw(this)">韩国菜</li>
    <li onclick="Categorytw(this)">茶餐厅</li>
    <li onclick="Categorytw(this)">自助餐</li>
	<li onclick="Categorytw(this)">日本菜</li>
    <li onclick="Categorytw(this)">东南亚菜</li>
   </ul>
  </div>
  <!-- End 筛选 -->
  <div class="coopcontent">
   <div class="coopOne">
    <div class="coopLeft">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_11.jpg" />
	</div><!--coopLeft-->
	<div class="coopCenter">
	 <p class="cenOne">小杨生煎</p>
	 <p class="cenTwo">上海和平路235号</p>
	 <p class="cenThree">15834567867</p>
	</div><!--coopLeft-->
	<div class="coopRight">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_07.jpg" />
	</div><!--coopLeft-->
   </div><!--coopOne-->
   <div class="coopOne">
    <div class="coopLeft">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_11.jpg" />
	</div><!--coopLeft-->
	<div class="coopCenter">
	 <p class="cenOne">小杨生煎</p>
	 <p class="cenTwo">上海和平路235号</p>
	 <p class="cenThree">15834567867</p>
	</div><!--coopLeft-->
	<div class="coopRight">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_07.jpg" />
	</div><!--coopLeft-->
   </div><!--coopOne-->
   <div class="coopOne">
    <div class="coopLeft">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_11.jpg" />
	</div><!--coopLeft-->
	<div class="coopCenter">
	 <p class="cenOne">小杨生煎</p>
	 <p class="cenTwo">上海和平路235号</p>
	 <p class="cenThree">15834567867</p>
	</div><!--coopLeft-->
	<div class="coopRight">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_07.jpg" />
	</div><!--coopLeft-->
   </div><!--coopOne-->
   <div class="coopOne">
    <div class="coopLeft">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_11.jpg" />
	</div><!--coopLeft-->
	<div class="coopCenter">
	 <p class="cenOne">小杨生煎</p>
	 <p class="cenTwo">上海和平路235号</p>
	 <p class="cenThree">15834567867</p>
	</div><!--coopLeft-->
	<div class="coopRight">
	 <img src="{:C('WEB_URL')}Public/customer/images/1_07.jpg" />
	</div><!--coopLeft-->
   </div><!--coopOne-->
  </div><!--coopcontent-->
 </div><!--coopCon-->
 <div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="index.html"><img src="{:C('WEB_URL')}Public/customer/images/mores_15.jpg" /></a></dt>
     <dd><a href="index.html">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}"><img src="{:C('WEB_URL')}Public/customer/images/mores_17.jpg" /></a></dt>
     <dd><a href="http://www.nleaves.com/qinqin/wechat/user/recommends?uid={$_SESSION[user_id]}">推荐有奖</a></dd>
    </dl>
    <dl>
     <dt><a href="more.html"><img src="{:C('WEB_URL')}Public/customer/images/mores_19.jpg" /></a></dt>
     <dd><a href="more.html" class="current">更多</a></dd>
    </dl>
   </footer>
  </div><!--/navbar-->
</div><!--/box-->
<script type="text/javascript">
//微信判断header是否显示
if(isWeiXin()){ 
//alert("====");
$(".title").hide();
} 
else{
//alert("+++++");
}	

$(".grade-eject li").click(function(){
	$("#gradew").hide();
	$(".coopcontent").css("padding-top","50px");
})
$(".Regional").click(function(){
	$("#gradew").show();
	$(".coopcontent").css("padding-top","0");
}) 

$(".Sort-eject li").click(function(){
	$("#Sort-Sort").hide();
	$(".coopcontent").css("padding-top","50px");
})
$(".Sort").click(function(){
	$("#Sort-Sort").show();
	$(".coopcontent").css("padding-top","0");
}) 

$(".Category-eject li").click(function(){
	$("#Categorytw").hide();
	$(".coopcontent").css("padding-top","50px");
})
$(".Brand").click(function(){
	$("#Categorytw").show();
	$(".coopcontent").css("padding-top","0");
}) 
$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
</script>
</body>
</html>
